<!doctype html>
<html lang="en">
  <head>
    <script src="index.js" type="module"></script>
    <script src="../../helpers/header.js" type="module"></script>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <div id="json-holder"></div>
      <button class="get-json-button">Get JSON</button>
      <div><output></output></div>
    </div>

    <template class="json-template">
      <div class="json-container">
        <span class="arrow hide">▶</span>
        <input type="text" class="key" placeholder="key" />
        <input type="text" class="value" placeholder="value" />
        <button class="add">+</button>
        <button class="remove">x</button>
      </div>
    </template>
  </body>
</html>
